<template>

<div class="header">
    <h2>Vue3测试</h2>
    <div class="link">
        <RouterLink  to="/home" >首页</RouterLink>
        <RouterLink  to="/news" >新闻</RouterLink>
        <RouterLink  to="/about" >关于</RouterLink>
    </div>
</div>
</template>
<script lang="ts" name="Header" setup>
    import { RouterLink } from 'vue-router';
</script>
<style scoped>
    .header{
        background-color: black;
        color:yellow;
    }
    .header .link {
        font-size: large;
        color: aliceblue;
    
    }

    .header a {
        font-size: large;
        color: aliceblue;
        margin: 0 50px 0px 50px;
    }
</style>